<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
    <title>蔡司进博会精彩集锦</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.7.0/animate.min.css">
    <link rel="stylesheet" href="./static/css/index.css">
    <link rel="stylesheet" href="./bar/index.css">
    <link rel="stylesheet" href="./longStatic/css/index.css">
    <link rel="shortcut icon" href="./favicon.ico" />
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="./bar/index.js"></script>
    <style>
        .loading{
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            background: #fff;
            z-index: 999;
        }

        .loading_logo{
            display: block;
            margin: 50vw auto;
        }
        .loadingBar{
            position: absolute;
            bottom: 10vw;
            left: 0;
            right: 0;
            margin: auto;
            text-align: center;
        }
    </style>
</head>
<body>
<div class="loading">
    <img src="./longStatic/img/3211604291177_.pic_hd.jpg" class="loading_logo" width="50vw" alt="">
    <div class="loadingBar" id="loadingBar" data-value="0"> </div>
</div>
<img class="wxCode" src="./static/img/wx.jpg" alt="">
<script type="text/javascript">
    var bar = new ldBar("#loadingBar", {
        "stroke": 'data:ldbar/res,stripe(#ff9,#fc9,1)',
        "value": 0
    });
    let time = setInterval(function() {
        console.log('ss');
        if(bar.value >= 99) {
            clearInterval(time)
        }
        bar.set(
            bar.value + 1,     /* target value. */
        );
    }, 200);
    $(document).ready(function(){
        setTimeout(function () {
            clearInterval(time)
            bar.set(
                100,     /* target value. */
            );
            $('.loading').fadeOut(500)
        }, 1000)
    });
</script>

<img src="./static/img/bg.jpg" width="100%" alt="">
<div class="flexRight">
    <img src="./static/img/bottomIcon.png" class="rightan" width="100%" alt="">
    <img src="./static/img/bottom.png" width="100%" alt="">
</div>
<div class="container">
    <img class="efficiency" src="./static/img/efficiency.png" width="100%" alt="">
    <div class="header zIndex animated slideInRight">
        <img class="header-ro1" width="4%" src="./static/img/ro.png" alt="">
        <img class="header-ro2" width="4%" src="./static/img/ro.png" alt="">
        <img class="header-ro3" width="4%" src="./static/img/ro.png" alt="">
        <img class="h-efficiency" src="./static/img/g.png" width="50%" alt="">
        <img class="zIndex" src="./static/img/header.png" width="100%" alt="">
    </div>
    <div class="container-head">
        <img class="container-head-efficiency-icon animated infinite pulse delay-1s" width="4.5%" src="./static/img/gear.png" alt="">
        <img class="h-efficiency1" src="./static/img/g.png" width="30%" alt="">
        <img class="zIndex" src="./static/img/head1.png" width="100%" alt="">
    </div>
    <div class="container-menu">
        <a href="./object.html">
            <img src="./static/img/1.png" width="80%" alt="">
        </a>
    </div>
    <div class="container-head">
        <img class="container-head-efficiency-icon animated infinite pulse delay-1s" width="4.5%" src="./static/img/arrow.png" alt="">
        <img class="zIndex" src="./static/img/head2.png"  width="100%" alt="">
        <img class="h-efficiency2" src="./static/img/g.png" width="30%" alt="">
    </div>
    <div class="container-menu">
        <a href="https://mini.zeiss.com.cn/events/ciie2020/">
            <img src="./static/img/2.png" width="80%" alt="">
        </a>
    </div>
    <div class="container-head">
        <img class="container-head-efficiency-icon animated infinite pulse delay-1s" width="4.5%" src="./static/img/crosshair.png" alt="">
        <img class="zIndex" src="./static/img/head3.png"  width="100%" alt="">
        <img class="h-efficiency2" src="./static/img/g.png" width="30%" alt="">
    </div>
    <div class="container-menu">
        <a href="http://wx.vzan.com/live/tvchat-1967294897?v=637398259721582652">
            <img src="./static/img/3new.png" width="80%" alt="">
        </a>
    </div>
    <div class="container-head">
        <img class="container-head-efficiency-icon  animated infinite pulse delay-1s" width="4.5%" src="./static/img/icon1.png" alt="">
        <img class="zIndex" src="./static/img/head4.png"  width="100%" alt="">
        <img class="h-efficiency2" src="./static/img/g.png" width="30%" alt="">
    </div>
    <div class="container-menu">
        <a href="https://mini.zeiss.com.cn/events/ciie2020/page/appointment/appointment.html">
            <img src="./static/img/4.png" width="80%" alt="">
        </a>
    </div>
    <div class="container-head">
        <img class="container-head-efficiency-icon  animated infinite pulse delay-1s" width="4.5%" src="./static/img/icon2.png" alt="">
        <img class="zIndex" src="./static/img/head5.png"  width="100%" alt="">
        <img class="h-efficiency2" src="./static/img/g.png" width="30%" alt="">
    </div>
    <div class="container-menu">
        <a href="https://mp.weixin.qq.com/s?__biz=MzI1NDIwNjYyNw==&mid=2247490252&idx=2&sn=5f8b5843456733255d31bde180e84aa9&chksm=e9c9ed00debe64163a3bf8c1e10e214364c8b70e6583c6e5bf15c7dd01b6e2ac9c51af75c3a8&mpshare=1&scene=1&srcid=1029Bb84VX3tROYaatLqomSL&sharer_sharetime=1603959621147&sharer_shareid=d30c3709e021fef66e3b16a56801ee3b&exportkey=Ae4l3K4sO11XMYoOmj61BZc%3D&pass_ticket=IOSIWrfbY1xZXNbtEeh26o5GDkMRgpfklvqf5T5r6tlkAUDt3qH%2B232IXN0ubsp4&wx_header=0#rd">
            <img src="./static/img/5.png" width="80%" alt="">
        </a>
    </div>
    <div class="container-head">
        <img class="container-head-efficiency-icon  animated infinite pulse delay-1s" width="4.5%" src="./static/img/icon3.png" alt="">
        <img class="zIndex" src="./static/img/head6.png"  width="100%" alt="">
        <img class="h-efficiency2" src="./static/img/g.png" width="30%" alt="">
    </div>
    <div class="container-menu">
        <a href="https://live.photoplus.cn/live/18576967">
            <img src="./static/img/6new.png" width="80%" alt="">
        </a>
    </div>
</div>
</body>
</html>
